jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

Js图片连续左右滚动的实现代码

来源:网络整理  作者:fen  发布时间:2020-12-26 15:22
本文分享一例js 图片连续左右滚动的实现代码,实现图片的横向左右滚动,且图片完全可控,效果不错,有需要的朋...

横向左右滚动,speed)} function moveout(way) { if(MyMar) { clearInterval(MyMar); } } function moveThis(way){ if(way=='right'){ flag=1; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeR,speed)} else demo.onmouseout=function() {MyMar=setInterval(MarqueeL。

代码: 复制代码 代码示例: html body titleJs图片连续滚动代码--ym97.comcourse.htmltitle IMG onMouseOver=moveThis('left') style=CURSOR: pointer onmouseout=moveout() height=30 src=/jscss/demoimg/200908/6637716.gif width=8 DIV id=demo style=OVERFLOW: hidden; WIDTH: 255px; HEIGHT: 78px TABLE cellSpacing=0 cellPadding=0 border=0 TR TD id=demo1 TABLE id=demo3 style=MARGIN-LEFT: 0px cellSpacing=0 cellPadding=0 width=459 border=0 img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / /TABLE /TD TD id=demo2/TD/TR/TABLE /DIV IMG onMouseOver=moveThis('right') style=CURSOR: pointer onmouseout=moveout() height=30 src=/jscss/demoimg/200908/6637743.gif width=8 SCRIPT language=javascript var speed=30; demo2.innerHTML=demo1.innerHTML; function MarqueeL(){ if(demo2.offsetWidth-demo.scrollLeft=0) demo.scrollLeft-=demo1.offsetWidth; else demo.scrollLeft++; } function MarqueeR(){ if(demo2.offsetWidth-demo.scrollLeft=255) demo.scrollLeft+=demo1.offsetWidth; else demo.scrollLeft--; } var flag=0; var MyMar; //var MyMar=setInterval(MarqueeL。

speed); } if(flag) demo.onmouseout=function() {MyMar=setInterval(MarqueeR。

speed); demo.onmouseover=function() {if(MyMar){clearInterval(MyMar)}} //demo.onmouseout=function() {MyMar=setInterval(MarqueeR, 本节主要内容: JavaScript实现的可控的图片滚动。

speed); } else{ flag=0; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeL,speed)} } /script /body /html ,鼠标放到控制按钮上就可以控制图片的滚动方向,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/9319.shtml

相关文章
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

Js图片连续左右滚动的实现代码

2020-12-26 编辑:fen

横向左右滚动,speed)} function moveout(way) { if(MyMar) { clearInterval(MyMar); } } function moveThis(way){ if(way=='right'){ flag=1; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeR,speed)} else demo.onmouseout=function() {MyMar=setInterval(MarqueeL。

代码: 复制代码 代码示例: html body titleJs图片连续滚动代码--ym97.comcourse.htmltitle IMG onMouseOver=moveThis('left') style=CURSOR: pointer onmouseout=moveout() height=30 src=/jscss/demoimg/200908/6637716.gif width=8 DIV id=demo style=OVERFLOW: hidden; WIDTH: 255px; HEIGHT: 78px TABLE cellSpacing=0 cellPadding=0 border=0 TR TD id=demo1 TABLE id=demo3 style=MARGIN-LEFT: 0px cellSpacing=0 cellPadding=0 width=459 border=0 img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / /TABLE /TD TD id=demo2/TD/TR/TABLE /DIV IMG onMouseOver=moveThis('right') style=CURSOR: pointer onmouseout=moveout() height=30 src=/jscss/demoimg/200908/6637743.gif width=8 SCRIPT language=javascript var speed=30; demo2.innerHTML=demo1.innerHTML; function MarqueeL(){ if(demo2.offsetWidth-demo.scrollLeft=0) demo.scrollLeft-=demo1.offsetWidth; else demo.scrollLeft++; } function MarqueeR(){ if(demo2.offsetWidth-demo.scrollLeft=255) demo.scrollLeft+=demo1.offsetWidth; else demo.scrollLeft--; } var flag=0; var MyMar; //var MyMar=setInterval(MarqueeL。

speed); } if(flag) demo.onmouseout=function() {MyMar=setInterval(MarqueeR。

speed); demo.onmouseover=function() {if(MyMar){clearInterval(MyMar)}} //demo.onmouseout=function() {MyMar=setInterval(MarqueeR, 本节主要内容: JavaScript实现的可控的图片滚动。

speed); } else{ flag=0; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeL,speed)} } /script /body /html ,鼠标放到控制按钮上就可以控制图片的滚动方向,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/9319.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页